<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <link rel="stylesheet" href="/pc/css/center/account/index.css">
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - <a href="/center">用户中心</a> - 收支明细
            </div>
        </div>
    </div>
    <!-- e: 导航 -->
    <div class="section page-content">
        <div class="layui-main clearfix">

            <div th:include="layout/center_left :: center_left" class="manage-aside"></div>

            <div class="manage-main">
                <ul class="layui-nav nav main-nav">
                    <li class="layui-nav-item">
                        <a href="/center/account">
                            钱包
                        </a>
                    </li>

                    <li class="layui-nav-item layui-this">
                        <a href="/center/account/details">
                            收支明细
                        </a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="/center/account/withdrawal">
                            提现
                        </a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="/center/account/exchange">
                            兑换
                        </a>
                    </li>
                    <span class="layui-nav-bar" style="left: 56px; top: 57px; width: 0px; opacity: 0;"></span></ul>

                <div class="main-content">

                    <div class="layui-form-nav" style="margin-bottom: 10px;">
                        <a href="?" th:class="${currencyType eq null?'layui-btn  layui-btn-sm layui-btn-default':'layui-btn layui-btn-sm layui-btn-primary'}">全部</a>
                        <a href="?type=1" th:class="${currencyType eq 1?'layui-btn  layui-btn-sm layui-btn-default':'layui-btn layui-btn-sm layui-btn-primary'}">现金</a>
                        <a href="?type=2" th:class="${currencyType eq 2?'layui-btn  layui-btn-sm layui-btn-default':'layui-btn layui-btn-sm layui-btn-primary'}">喜糖</a>
                    </div>

                    <div class="layui-form">
                        <table class="layui-table">
                            <colgroup>
                                <col width="170">
                                <col width="100">
                                <col width="100">
                                <col width="100">
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>时间</th>
                                <th>货币类型</th>
                                <th>金额</th>
                                <th>剩余</th>
                                <th>备注</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="item:${bcFinanceRecordsList}">
                                <td th:text="${#dates.format(item.createTime, 'yyyy-MM-dd HH:mm')}"></td>
                                <td th:text="${item.currencyType eq 1?'现金':'喜糖'}"></td>
                                <td th:text="${item.income}"></td>
                                <td th:text="${item.surplus}"></td>
                                <td th:text="${item.remark}"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                    <!-- s: 分页 -->
                    <div class="manage-pagination-wrap" th:utext="${page}">
                    </div>
                    <!-- e: 分页 -->
                    <hr>
                    <p style="color: #999">
                    </p>
                </div>

            </div>

        </div>
    </div>


</div>
<div layout:fragment="contentFooter">
</div>
</html>